<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <div data-th-replace="common/functionDepict"></div>
    <div>
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <div class="row">
                    <div class="col-sm-5">
                        <input value="1" name="type" type="hidden">
                        <h5>
                            <a th:href="@{/admin/course/live/toLiveIndex}">
                                    <span>
                                        <button  class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新直播列表">
                                            <i class="fa fa-refresh"></i> 刷新
                                        </button>
                                    </span>
                            </a>
                            <small id="count" >（共0个直播）</small>
                        </h5>
                    </div>
                </div>
            </div>

            <div class="oc-ibox-content" id="live-list-context"></div>
        </div>
    </div>
</div>
<textarea id="sysItemLiveTipsEle" class="hide">
 <div class="m-t m-l-lg m-r-lg">
                <div class="text-center">
                    <h4><strong>请选择对应不同身份进入</strong></h4>
                </div>
                <div class="m-t-lg">
                    <div class="row">
                        <div class="col-sm-10">
                            <span class="fs16">
                                <i class="fa fa-user-secret"></i>
                                我是讲师
                                <br>
                                 <small class="fs12 c-999 m-l">
                                    同一个直播间只支持一名主讲师，其他以助教的角色进入
                                 </small>
                            </span>
                        </div>
                        <div class="col-sm-2 btn-group">
                            <button
                                    data-toggle="dropdown"
                                    class="btn btn-block btn-outline btn-primary dropdown-toggle"
                                    aria-expanded="false">进入直播 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="javascript:;" id="theTeacherLiveClient">客戶端进入<br/>(windows系统)</a></li>
                                <li class="divider"></li>
                                <li><a href="javascript:;" id="theTeacherLiveWebPage">PC网页进入<br/>(Mac/windows系统)</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row m-t">
                        <div class="col-sm-10">
                            <span class="fs16">
                                <i class="fa fa-user-md"></i>
                                我是助教
                                <br>
                                <small class="fs12 c-999 m-l">
                                    使用网页或客户端登录，在直播中对观看，进行管理和辅助工作等。
                                </small>
                            </span>
                        </div>
                        <div class="col-sm-2 btn-group">
                            <button
                                    data-toggle="dropdown"
                                    class="btn btn-block btn-outline btn-primary dropdown-toggle"
                                    aria-expanded="false">进入直播 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="javascript:;" id="theTaLiveClient">客戶端进入<br/>(windows系统)</a></li>
                                <li class="divider"></li>
                                <li><a href="javascript:;" id="theTaLiveWebPage">PC网页进入<br/>(Mac/windows系统)</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row m-t">
                        <div class="col-sm-10">
                            <span class="fs16">
                                <i class="fa fa-user"></i>
                                我是学员
                                <br>
                                <small class="fs12 c-999 m-l">
                                以普通观看者的身份进入直播间
                                </small>
                            </span>
                        </div>
                         <div class="col-sm-2 btn-group">
                            <button
                                    data-toggle="dropdown"
                                    class="btn btn-block btn-outline btn-primary dropdown-toggle"
                                    aria-expanded="false">进入直播 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right">
                               <!-- <li><a href="javascript:;" id="theHostLiveClient">客戶端进入<br/>(windows系统)</a></li>
                                <li class="divider"></li>-->
                                <li><a href="javascript:;" id="theHostLiveWebPage">PC网页进入</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="m-t-lg">
                        <hr>
                        <div class="col-sm-12">
                            <div class="form-horizontal">
                                <div class="text-center m-t">
                                    <h5>需要您下载客户端</h5>
                                </div>
                                <div class="form-group m-t-lg">
                                    <div class="col-sm-6 text-center">
                                        <span style="font-size: 52px;">
                                            <i class="fa fa-windows"></i>
                                        </span>
                                        <section style="margin-top: 28px;">
                                            <p>
                                                <span class="fs16">Windows端</span>
                                            </p>
                                            <a href="https://ftp.3ttech.cn/云中课堂.exe" id="teacherClientWindows" class="btn btn-outline btn-primary m-l">客户端下载</a>
                                        </section>
                                    </div>
                                    <div class="col-sm-6 text-center">
                                        <span style="font-size: 62px;">
                                            <i class="fa fa-apple"></i>
                                        </span>
                                        <section class="m-t">
                                            <p><span class="fs16">Mac端</span></p>
                                            <a id="teacherClientMac" class="btn btn-outline btn-default disabled m-l">正在开发</a>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </textarea>

<textarea id="openInputName" class="hide">
    <div class="m-t m-r m-l m-b" style="text-align: center"><input  placeholder=""  class="form-control" id="rejectedCause"></div>
</textarea>
<form action="/admin/liveToV/create/toLiveIframe" hidden id="toLiveIframe" target="_blank" method="post">
    <input type="hidden" name="url" id="url">
</form>
<!-- 隐藏button用于复制链接 勿删 -->
<button id="clone" style="position: absolute; left: -9999px;"></button>
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/admin/libs/plugins/layer/extend/layer.ext.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/course/cloud/tt/live.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/protocolcheck.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
